<script>
export default {
  name: "bottomButton",
  props: {
    title: {
      type: String,
      default: '底部浮窗按钮'
    },
    isFixed:{
      type: Boolean,
      default: false
    }
  },
  methods: {
    elementClick(){
      this.$emit('elementClick')
    }
  },
}
</script>

<template>
  <view class="bottomButton allRowCenter" :class="isFixed?'fixed':''" @click.stop="elementClick">
    <text class="bottomButton_text">{{ title }}</text>
  </view>
</template>

<style scoped lang="scss">
.fixed {
  position: fixed;
  bottom: 50rpx;
  left: 50%;
  transform: translateX(-50%);
}
.bottomButton {
  width: 336rpx;
  height: 80rpx;
  background: #FF4206;
  border-radius: 57rpx 57rpx 57rpx 57rpx;
  z-index: 10;

  .bottomButton_text {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 30rpx;
    color: #FFFFFF;
  }
}
</style>